<template>
    <div id="home">

        <el-container>
            <!-- <el-header></el-header> -->
            <el-container>
                <el-aside width="200px">
                    <el-menu
                        router
                        default-active="/set/basic">
                        <el-menu-item index="/set/basic">
                            <i class="el-icon-s-help"></i>
                            <span slot="title">基础设置</span>
                        </el-menu-item>
                        <el-menu-item index="/set/logistics">
                            <i class="el-icon-s-help"></i>
                            <span slot="title">物流设置</span>
                        </el-menu-item>
                        <el-menu-item index="/set/admin">
                            <i class="el-icon-s-help"></i>
                            <span slot="title">管理员管理</span>
                        </el-menu-item>
                        <el-menu-item index="/set/deal">
                            <i class="el-icon-s-help"></i>
                            <span slot="title">交易设置</span>
                        </el-menu-item>
                    </el-menu>
                </el-aside>
                <el-main>
                    <router-view></router-view>
                </el-main>
            </el-container>
        </el-container>
        
    </div>
</template>

<script>
export default {
    data() {
        return {
            
        }
    },
}
</script>

<style lang="scss">
#home{
    .el-aside {
        height: 70vh;
        background-color: #fff;
        color: #333;
        text-align: left;
        // line-height: 200px;
    }
  
    .el-main {
        background-color: #E9EEF3;
        color: #333;
        text-align: left;
        // line-height: 160px;
    }
}
</style>